/*
	* ----------------------------------------------------------------------------
  * CSS Document public Start 
	* Author: DistantSound
	* IDE :  
  * ----------------------------------------------------------------------------
*/
 
*{margin: 0;padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
main, menu, article, aside, figure, footer, figcaption, header, hgroup, nav, section, summary, details, canvas{display: block;}
ul, ol, li{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;padding:0;}
.table{display:table;width:100%;border-collapse:collapse;padding:0;}	
a, button, input, select, img, label{outline: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
input:-moz-placeholder, textarea:-moz-placeholder,
input::-moz-placeholder, textarea::-moz-placeholder,
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #cccccc !important;}
input,select,textarea,button{font-family: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner{border: none;padding: 0;}
h1, h2, h3, h4, h5, h6, strong, i, em, address, caption, cite, code, dfn, th, var{font-weight: normal;font-style: normal;}
img{display:block;border: 0;max-width: 100%;-webkit-touch-callout: none;vertical-align: middle;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content:none;}
a:link, a:visited,a:hover, a:active{text-decoration:none;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover, a:focus{text-decoration:none;outline:none;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
strong{font-weight:bold;}

.title{display:inline-block;width:100%;}
.title h1{ display:inline-block;width:100%;padding:25px 0 18px;font-family:"张海山锐线体简";font-size:30px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;}
.title span{width:100%;font-family:"微软雅黑";font-size:16px;font-weight:200;text-align:center; white-space:nowrap;overflow:hidden;}
.title h3{width:100%;font-family:"微软雅黑";font-size:20px;font-weight:200;text-align:center; white-space:nowrap;overflow:hidden;opacity: 0.6;}
.title em{display:inline-block;height:3px;width:40px;position:relative;left:50%;top:0;margin-left:-20px;margin-top:-3px;margin-bottom:50px;}

body{width:100%;cursor: default;}
main{width:100%;}
section{float:left;width:100%;margin:0 auto;}	
.container{display:inline-block;width:1200px;} 

 
.top-l{display:inline-block;width:500px;height:50px;padding:0;}
.top-l img{display:inline-block;width:428px;height:48px;padding:0;overflow:hidden;}
.top-r{display:inline-block;height:30px;line-height:30px;padding:0 15px;margin-top:17px;}
.top-r:first-child{border:none;}
.top-r img{display:inline-block;width:35px;height:35px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;/*border:2px solid #fff;*/} 
.top-r span{display:inline-block;line-height:30px; height:30px;padding:0 6px;margin:0;font-family:"宋体";font-size:14px;font-weight:200;text-align:center;white-space:nowrap;overflow:hidden;}

footer{display: block;width:100%;height:75px;}
footer address{display: block;width:100%;height:75px;line-height:75px;font-family:"宋体";font-size:14px;background-color:#e4f3fc;font-weight:200;text-align:center;display:inline-block;white-space:nowrap;overflow:hidden;}

/* left right  center ----------------------------------------*/
.l-box{float:left;display:inline-block;}
.r-box{float:right;display:inline-block;}
.c-box{float:left;display:inline-block;width:100%;}

/* float ----------------------------------------*/
.f-l {float: left;}
.f-r {float: right;}
.cl-b{clear: both;}
.cl-n{clear: none;}

/* margin ----------------------------------------*/   
.m-t5{margin-top:5px;}   
.m-t10{margin-top:10px;}   
.m-t15{margin-top:15px;}   
.m-t20{margin-top:20px;}   
.m-t25{margin-top:25px;}   
.m-t30{margin-top:30px;} 
.m-t35{margin-top:35px;} 
.m-t40{margin-top:40px;}   
.m-t45{margin-top:45px;}  
.m-t100{margin-top:100px;}  

.m-r10{margin-right:10px;}
.m-r15{margin-right:15px;}
.m-b35{margin-bottom:35px;}    
.m-l20{margin-left:20px;}   
.m-l15{margin-left:15px;}   

.m-l280{margin-left:280px;}   

.padg-15{padding: 15px;}
.padg-45{padding:45px 15px;}

.padg-tb15{padding: 15px 0;}

/* background ----------------------------------------*/
.bgc-white-h:hover,.bgc-white{background-color:#ffffff;}
.bgc-gray{background-color:#e4f3fc;}
.bgc-gray1{background-color:#edeff0;}
.bgc-gray2{background-color:#f5f8fa;} 
.bgc-gray3{background-color:#dcdfe1;} 
.bgc-gray4{background-color:#fbfbfb;} 

.bgc-blue-h:hover,.bgc-blue{background-color:#0380d3;}
.bgc-green,.bgc-green-h:hover{background-color:#FAB170;} 
.bgc-red-h:hover,.bgc-red{background-color:#DA4145;}
.bgc-black{background-color:#000000;}
 
/* color ----------------------------------------*/
.c-white-h:hover,.c-white{color:#fff;}
.c-gray,.c-gray-h:hover {color:#68747f;}
.c-gray1{color:#dcddde;}
.c-gray3{color:#7899b0;}
.c-green,.c-green-h:hover{color:#FAB170;}
.c-blue{color:#095eab;} 
.c-grayblue,.c-grayblue-h:hover{color:#2c3850;}
.c-orange-h:hover,.c-orange{color:#fc814b;}
.c-orange1-h:hover,.c-orange-1{color:#fc4e02;}
.c-red-h:hover,.c-red{color:#ff6376;} 
.c-aqua-h:hover, .c-aqua{color:#00b5b8;}

.w-460{width:460px;}
.w-650{width:650px;}
.w-150{width:150px;}
.w-160{width:160px;}
.w-100{width:100px;}
.w-75{width:75px;}
.w-250{width:250px;}
.w-200{width:200px;}
.w-940{width:940px;}
.w-120{width:120px;}
.w-475{width:475px;}
.w-145{width:145px;}
.w-130{width:130px;}
.w-143{width:143px;}
.w-380{width:380px;}
.w-186{width:186px;}
.w-780{width:780px;}

/* font size ----------------------------------------*/
.fz-12{font-size: 12px;}
.fz-14{font-size: 14px;}
.fz-16{font-size: 16px;}
.fz-18{font-size: 18px;}
.fz-20{font-size: 20px;}
.fz-22{font-size: 22px;}
.fz-24{font-size: 24px;}
.fz-26{font-size: 26px;}
.fz-28{font-size: 28px;}
.fz-30{font-size: 30px;}
.fz-32{font-size: 32px;}
.fz-34{font-size: 34px;}
.fz-36{font-size: 36px;}
.fz-38{font-size: 38px;} 
.fz-40{font-size: 40px;} 
.fz-42{font-size: 42px;} 
.fz-44{font-size: 44px;} 
.fz-48{font-size: 48px;}  
.fz-60{font-size: 60px;} 
 
/* border ----------------------------------------*/
.bdr{border:1px solid #d9dce1;}
.bdr-n{border:none;}
.bdr-b{border-bottom:1px solid rgba(255,255,255,0.1)}
.bdr-b1{border:1px solid rgba(255,255,255,0.1)}
.bdr-b2{border-bottom:1px solid #EBEBEB;}
.bdr-2{border:1px solid #EBEBEB;}
.bdr-b:focus{border-bottom:1px solid #00b5b8;}
.bdr-l{border-left:1px solid #EBEBEB;}
.bdr-t{border-top:1px solid #EBEBEB;}
.bdr-l1{border-left:1px solid rgba(255,255,255,0.1)}

.input-info{display:inline-block;padding:0 10px;height:45px;line-height:45px;font-family:"宋体";font-size:12px;font-weight:200;text-align:left;white-space:nowrap;overflow:hidden;}
.input-info-1{display:inline-block;border-radius: 4px;padding:0 10px;height:40px;line-height:40px;font-family:"宋体";font-size:12px;font-weight:200;text-align:left;white-space:nowrap;overflow:hidden;}
.input-info-1 option {padding: 4px 0;}

.p-text{display:inline-block;font-family:"宋体";font-size:16px;font-weight:200;line-height:45px;text-align:left;white-space:nowrap;overflow:hidden;}
.p-text-1{display:inline-block;width:600px;font-family:"宋体";font-size:14px;font-weight:200;line-height:30px;text-align:left;padding:10px;opacity: 0.5;white-space:normal;overflow:hidden;}
.p-text-2{display:inline-block;width:580px;font-family:"宋体";font-size:14px;font-weight:200;line-height:30px;text-align:left; padding:0 15px;  opacity: 0.5;text-indent:-20px;}

/* btn ----------------------------------------*/
.btn{display:inline-block;height:35px;line-height:35px;padding:0 25px;font-family:"宋体"; font-size:16px;font-weight:200;text-align:center;white-space:nowrap;overflow:hidden;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.btn-1{display:inline-block;height:45px;line-height:45px;padding:0 50px;font-family:"微软雅黑";font-size:16px;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.btn-2{display:inline-block;height:45px;line-height:45px;padding:0 25px;font-family:"宋体"; font-size:16px;font-weight:200;text-align:center;white-space:nowrap;overflow:hidden;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.btn-3{display:inline-block;height:50px;line-height:50px;padding:0 80px;font-family:"微软雅黑";font-size:24px;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}
.btn-4{display:inline-block;height:50px;line-height:50px;padding:0 20px;font-family:"微软雅黑";font-size:20px;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}
.btn-5{display:inline-block;height:35px;line-height:35px;padding:0 30px;font-family:"微软雅黑";font-size:16px;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}


/* flex布局 ----------------------------------------*/
.flex-box {display: flex;align-items: center;}